<template>
    <div class="index-box">
        <div v-for="(item,index) in list" :key="index">
            <div>
                <img v-bind:src="item.img" alt="">
            </div>
            <div>
                <h4>{{item.title}}</h4>
                <p v-text="item.text"></p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            // 数据
            list:[{img:"http://www.jz5158.cn/static/images/books/%E6%9C%BA%E6%99%BA%E8%B5%84%E9%87%91%E6%B5%81.png",
            title:"机制北上资金流",
            text:"乌拉"},{img:"http://www.jz5158.cn/static/images/books/%E6%9C%BA%E6%99%BA%E8%B5%84%E9%87%91%E6%B5%81.png",
            title:"机制北上资金流",
            text:"乌拉"},{img:"http://www.jz5158.cn/static/images/books/%E6%9C%BA%E6%99%BA%E8%B5%84%E9%87%91%E6%B5%81.png",
            title:"机制北上资金流",
            text:"乌拉"},{img:"http://www.jz5158.cn/static/images/books/%E6%9C%BA%E6%99%BA%E8%B5%84%E9%87%91%E6%B5%81.png",
            title:"机制北上资金流",
            text:"乌拉"},{img:"http://www.jz5158.cn/static/images/books/%E6%9C%BA%E6%99%BA%E8%B5%84%E9%87%91%E6%B5%81.png",
            title:"机制北上资金流",
            text:"乌拉"},]
        }
    }
}
</script>
<style>
.index-box{
    display: flex;
    flex-wrap: wrap;
}
#box{
    display: flex;
    border: 2px solid red;
    width: 50%;

}



</style>